$(function() {
    var layer = layui.layer
        // 模板引擎。过滤函数,处理时间
    template.defaults.imports.formdata = function(value) {
        var dt = new Date(value)
        var y = dt.getFullYear()
        var m = dt.getMonth() + 1
        m = padZero(m)
        var d = dt.getDate()
        d = padZero(d)
        var hh = dt.getHours()
        hh = padZero(hh)
        var mm = dt.getMinutes()
        mm = padZero(mm)
        var ss = dt.getSeconds()
        ss = padZero(ss)
        return `${y}-${m}-${d} ${hh}:${mm}:${ss}`

    }

    // 补零
    function padZero(n) {
        return n < 10 ? '0' + n : n
    }
    // 定义数据对象
    var q = {
        pagenum: 1,
        pagesize: 5,
        cate_id: '',
        state: ''
    }

    // 获取文章列表
    getList()

    function getList() {
        $.ajax({
            type: 'get',
            url: '/my/article/list',
            data: q,
            success: function(res) {
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                var htmlStr = template('tel', res)
                $('tbody').html(htmlStr)
                render(res.total)
            }

        })
    }

    // 获取下拉分类
    getCate()

    function getCate() {
        $.ajax({
            type: 'get',
            url: '/my/article/cates',
            success: function(res) {
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                var htmlStr = template('tel-cate', res)
                $('[name=cate_id]').html(htmlStr)
                    // 渲染
                layui.form.render()
            }
        })
    }

    // 筛选
    $('#form-search').on('submit', function(e) {
        e.preventDefault()
        var cate_id = $('[name=cate_id]').val()
        var state = $('[name=state]').val()
        q.cate_id = cate_id
        q.state = state
            // 重新渲染
        getList()

    })

    // 生成页码
    function render(total) {
        var laypage = layui.laypage;
        //执行一个laypage实例
        laypage.render({
            elem: 'pageBox', //注意，这里的 test1 是 ID，不用加 # 号                            
            count: total, //数据总数，从服务端得到
            limit: q.pagesize,
            curr: q.pagenum,
            limits: [2, 4, 6, 8, 10],
            layout: ['prev', 'page', 'next', 'skip', 'count', 'limit'],
            jump: function(obj, first) {
                //obj包含了当前分页的所有参数
                //   first: 生成页码，jump被调用，first为true
                //   点击页码，jump被调用，first为undefined
                if (!first) {
                    q.pagesize = obj.limit
                        // 高亮当前点击页面，获取数据
                    q.pagenum = obj.curr
                    getList()
                }


            }

        });

    }

    // 删除功能，事件委托给tbody
    $('tbody').on('click', '.btn-del', function() {
        var id = $(this).attr('del-id')
            // 获取删除按钮
        var btns = $('.btn-del').length
        console.log(id);
        layer.confirm('确定删除吗?', { icon: 3, title: '提示' }, function(index) {
            //do something
            $.ajax({
                type: 'get',
                url: '/my/article/delete/' + id,
                success: function(res) {
                    console.log(res);
                    if (res.status !== 0) {
                        return layer.msg(res.message)
                    }
                    if (btns === 1) {
                        q.pagenum = q.pagenum === 1 ? 1 : q.pagenum - 1
                    }

                    // 重新渲染
                    getList()
                }
            })
            layer.close(index);
        });


    })

    // 编辑文章

    $('tbody').on('click', '.edit', function() {
        // 获取点击的编辑的ID
        var id = $(this).attr('edit-id')
            // console.log(id);

        // 跳转到编辑页
        location.href = '/article/art_edit.html?id=' + id
            // localStorage.setItem('id', id)
    })



})